//引入组件文件
import React, { Component } from 'react';
//Class 书写组件化 由class 就要由导出
class DemosetStateSync extends Component{
    //状态，属性
    state={
        count:0
    }
    // 方法
    handleFn=()=>{
        // 第一次更改属性值
        this.setState({
            count:this.state.count +1
        })
        console.log('count=',this.state.count)
        // 第二次更改属性的值
        this.setState({
            count:this.state.count+1
        })
        console.log("count=第二次更改属性的值",this.state.count)
        //第三次更改属性的值
        this.setState({
            count:this.state.count+1
        })
        console.log("count第三次更改属性的值",this.state.count)
        
    }
    //页面
    render(){
       console.log('render')
       return (
           <div className="DOMsetState">
                <h1>setState同步异步</h1>   
                <div>属性值：{this.state.count}</div>
                <div>
                    <button onClick={this.handleFn}>count++</button>
                </div>
            </div>
       ) 
    }
}

export default DemosetStateSync